.admin-laout {
    height: 100%;
    padding-top: 40px;
    position: relative;
    box-sizing: border-box;
}

.admin-laout__header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 40px;
    box-shadow: 0 1px 15px 1px rgba(0, 0, 0, 0.1);
    z-index: 1;
}

.admin-laout__content {
    position: relative;
    height: 100%;
    box-sizing: border-box;
}

.admin-laout__content-collapsed-false {
    padding-left: 240px;
}

.admin-laout__content-collapsed-true {
    padding-left: 64px;
}

.admin-laout__sider {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    border-right: 1px #f0f0f0 solid;
}

.admin-laout__sider-collapsed-false {
    width: 240px;
}

.admin-laout__sider-collapsed-true {
    width: 63px;
}

.admin-laout__main {
    height: 100%;
}